<template>
  <div class="content">
    <input  class="int" v-model="num.current"  step="2000"  type="number">
   
    <div> {{num.tweetedNumber.toFixed(0)}}</div>
  </div>
</template>
<script setup lang='ts'>
import { watch, reactive } from 'vue';
import gasp from 'gsap';
const num = reactive({
  current: 0,
  tweetedNumber: 0
})
watch(() => num.current, (newVal, oldVal) => {
  gasp.to(num, {
    duration: 1,
    tweetedNumber: newVal
  })
})
</script>
<style scoped lang='less'>
.content {
      font-size: 40px;
    }
</style>